<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>{$title}</title>
<meta name="keywords" content="{$keyword}" />
<meta name="description" content="{$description}" />
<link rel="stylesheet" href="__STATIC__/css/public.css">
<link rel="stylesheet" href="__STATIC__/css/index.css">
<link rel="stylesheet" href="__STATIC__/css/swiper-3.4.2.min.css">
<script src="__STATIC__/js/jquery.min.js"></script>
<script src="__STATIC__/js/swiper-3.4.2.jquery.min.js"></script>
</head>

<body>
    <!-- public header or signin login block -->
    <div class="header">
        <div class="header_c">
            <div class="logo"></div>
            <div class="loginBlock">
			 <if condition="$member['username'] eq '' " >
             <!--   <span class="signIn"><a href="{:U('Home/Login/reg')}" style="color:#333;">注册</a></span>&nbsp;|&nbsp;<span class="logIn"><a href="{:U('Home/Login/index')}" style="color:#333;">登录</a></span> -->
			  <else />
                <span class="signIn">欢迎，{$member['phone']}</span><span class="logIn"><a href="{:U('Home/Login/logout')}" style="color:#333;">退出</a></span>
			  </if>
            </div>
            <ul>
             <volist name="menu" id="vo">
              <li class="<eq name="Think.const.ACTION_NAME" value="$vo.active">current_li</eq>"><a href="{$vo.url}">{$vo.name}</a></li> 
             </volist>
            </ul>
        </div>
    </div>
    <!-- current page start here -->
    <div class="currentPage">
       
        <!-- banner area -->
        <div class="swiper-container">
            <div class="swiper-wrapper">
			
                <div class="swiper-slide">
                    <a href="http://hfd.fangbanghui.com/index.php?m=Home&c=Index&a=league"><img src="__STATIC__/images/indexImg/banner1.jpg"  /></a>
                </div>
                <div class="swiper-slide">
                	<a href=""><img src="__STATIC__/images/indexImg/banner2.jpg"  /></a>
                </div>
                <div class="swiper-slide">
                	<a href="http://hfd.fangbanghui.com/index.php?m=Home&c=Index&a=rent"><img src="__STATIC__/images/indexImg/banner3.jpg"  /></a>
                </div>

            </div>
            <div class="swiper-pagination"></div>
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
        </div>
        
        <!-- search area -->
        <div class="searchArea">
             <form action="{:U('Index/rent')}" method="post">
			 <div class="searchLine">
                <input type="text" name="key" placeholder="输入区域或地铁关键词搜索">
                <button type="submit">搜  索</button>
                <a href="http://www.baidu.com" class="mapSearch"></a>
            </div>
			</form>	
            <dl class="hotArea">
                <dt>热门区域：</dt>
                <dd><a href="__ROOT__/index.php?m=Home&c=Index&a=rent2&search=地铁一号线">地铁一号线</a></dd>
                <dd><a href="__ROOT__/index.php?m=Home&c=Index&a=rent2&search=地铁二号线">地铁二号线</a></dd>
                <dd><a href="__ROOT__/index.php?m=Home&c=Index&a=rent2&search=中山区">中山区</a></dd>
                <dd><a href="__ROOT__/index.php?m=Home&c=Index&a=rent2&search=西岗区">西岗区</a></dd>
                <dd><a href="__ROOT__/index.php?m=Home&c=Index&a=rent2&search=高新园区">高新园区</a></dd>
            </dl>
        </div>
        
        <!-- houselist area -->
        <div class="listArea">
            <div class="listTitle">
                <h3>今日精选房源</h3>
            </div>
            <div class="sameBlock roommates">
                <div class="videoLine">
                    <div class="blockIntro">
                        <h4>好房合租</h4>
                        <h5>good house roommates</h5>
                        <div class="smallRect"></div>
                        <a href="__ROOT__/index.php?m=Home&c=Index&a=rent">查看更多房源信息</a>
                    </div>
					<!--volist name="h_rent1" id="vo"-->
                    <div class="videoBlock">
                        <video src="http://ortnxuxbx.bkt.clouddn.com/%E5%A5%BD%E6%88%BF%E4%B8%9C%E8%A7%86%E9%A2%911.mp4" id="autoVideo" autoplay="autoplay" loop="loop"></video>
                    </div>
					<!--/volist-->
                </div>
                <script type="text/javascript">
                    $(document).ready(function(){
                            //  safari 禁止autoplay  写一个默认click play
                            $('#autoVideo').on('click',function(){
                                $(this).play();
                            });
                    })
                </script>
                <div class="listLine">
		 <volist name="h_rent" id="vo">
                        <a href="__ROOT__/index.php?m=Home&c=Index&a=rentcontent&id={$vo['id']}">
                            <div class="listpart">
                                <div class="listImg">
                                    <img src="__ROOT__/Public/{$vo['imgurl']}" alt="">
                                </div>
                                <h4>{$vo['content']}</h4>
                                <div class="areaPrice">
                                    <div class="area">{$vo['dizhi']}</div>
                                    <div class="price"><span>￥{$vo['price']}</span> 元起</div>
                                </div>
                                <div class="border"></div>
                            </div>
                        </a>
                      </volist>    
                </div>
            </div>
            <!--<div class="sameBlock rent">
                <div class="videoLine">
                    <div class="blockIntro">
                        <h4>好房整租</h4>
                        <h5>good house rent</h5>
                        <div class="smallRect"></div>
                        <a href="__ROOT__/index.php?m=Home&c=Index&a=rent">查看更多房源信息</a>
                    </div>
					volist name="t_rent1" id="vo"
                    <div class="videoBlock">
                         <video src="/hfd/Apps/Home/View/Public/static/media/video.png"></video> 
                    </div>
					/volist
                </div>
                <div class="listLine">
                    volist name="t_rent" id="vo"
                    <a href="__ROOT__/index.php?m=Home&c=Index&a=rentcontent&id={$vo['id']}">
                        <div class="listpart">
                            <div class="listImg">
                                <img src="__ROOT__/Public/{$vo['imgurl']|substr=0,-1}" alt="">
                            </div>
                            <h4>{$vo['area']} {$vo['tube']} {$vo['huxing']} {$vo['chaoxiang']}</h4>
                            <div class="areaPrice">
                                <div class="area">{$vo['dizhi']}</div>
                                <div class="price"><span>￥{$vo['price']}</span> 元/月</div>
                            </div>
                            <div class="border"></div>
                        </div>
                    </a>
                   /volist
                </div>
            </div>-->
            <!-- <div class="sameBlock lineRent">
                <div class="titleBlock">
                    <div>
                        <h4>好房直租</h4>
                        <h5>good house roommates</h5>
                    </div>
                    <a href="__ROOT__/index.php?m=Home&c=Index&a=rent">查看更多房源信息</a>
                </div>
                <div class="listLine">
                    <volist name="z_rent" id="vo">
                    <a href="__ROOT__/index.php?m=Home&c=Index&a=rentcontent&id={$vo['id']}">
                        <div class="listpart">
                            <div class="listImg">
                                <img src="__ROOT__/Public/{$vo['imgurl']|substr=0,-1}" alt="">
                            </div>
                            <h4>{$vo['area']} {$vo['tube']} {$vo['huxing']} {$vo['chaoxiang']}</h4>
                            <div class="areaPrice">
                                <div class="area">{$vo['dizhi']}</div>
                                <div class="price"><span>￥{$vo['price']}</span> 元/月</div>
                            </div>
                            <div class="border"></div>
                        </div>
                    </a>
                   </volist>
                </div>
            </div> -->
        </div>
        
        <!-- advance area -->
        <div class="advanceArea">
            <h3>选择好房东的理由<span>TOP5</span></h3>
            <div class="advanceList">
                <div class="advancePart">
                    <div class="partImg advance1"></div>
                    <h4>无中介</h4>
                    <h6>网上看房 拎包入住</h6>
                </div>
                <div class="advancePart">
                    <div class="partImg advance2"></div>
                    <h4>年轻人</h4>
                    <h6>我们追求 生活品质</h6>
                </div>
                <div class="advancePart">
                    <div class="partImg advance3"></div>
                    <h4>真实房源</h4>
                    <h6>凭证齐全 一房一价</h6>
                </div>
                <div class="advancePart">
                    <div class="partImg advance4"></div>
                    <h4>免费wifi</h4>
                    <h6>光纤网络 基情LOL</h6>
                </div>
                <div class="advancePart">
                    <div class="partImg advance5"></div>
                    <h4>维修·保洁</h4>
                    <h6>提供各类管理服务</h6>
                </div>
            </div>
        </div>
        
        <!-- adver area -->
        <div class="adverArea">
            <div class="adverBlock">
                <div class="fAdver">
                    <div class="ffAdver"></div>
                    <div class="fsAdver"></div>
                </div>
                <div class="sAdver">
                    <div class="sfAdver"></div>
                    <div class="ssAdver"></div>
                </div>
            </div>
        </div>
        
        <!-- type area -->
        <div class="lastType"></div>
        
    </div>

    <!-- public footer block -->
    <div class="footer">
        <div class="footLink">
            <div class="fLink_c">
                <div class="rentStep"></div>
                <div class="complain"></div>
                <div class="newNotice"></div>
                <div class="erweima"></div>
                <div class="carePlat">关注好房东公众号</div>
            </div>
        </div>
        <div class="copyRight">
            <div class="copyRight_c">
                <div>Copyright © 2012-2017 hfd.fangbanghui.com（房帮惠）. All Rights Reserved 辽ICP备15015212号-1</div>
            </div>
        </div>
    </div>
    
    <!-- public aside block -->
    <ul class="aside">
        <li class="share"></li>
        <li class="comment"></li>
        <li class="wechat"></li>
        <li class="goTop"></li>
         <!-- customService block -->
       <div class="customService" id="customService"></div>
    </ul>
    
    <!-- public javascript login signin -->
    <script src="__STATIC__/js/public.js"></script>
    <!-- current page javascript -->
    <script src="__STATIC__/js/index.js"></script>
    <script type="text/javascript">
    	document.getElementById("customService").onmouseenter = function(){
    		document.getElementById("customService").style.right = "0px";
    	}

    	document.getElementById("customService").onmouseleave = function(){
    		document.getElementById("customService").style.right = "-217px";
    	}
    </script>
</body>
</html>